<html xmlns="http://www.w3.org/1999/xhtml"
  xmlns:c="http://java.sun.com/jstl/core"
  xmlns:f="http://java.sun.com/jsf/core"
  xmlns:h="http://java.sun.com/jsf/html"
  xmlns:ui="http://java.sun.com/jsf/facelets"
  xmlns:t="http://myfaces.apache.org/tomahawk">

<f:view>
  <f:loadBundle var="messages" basename="messages" />

  <head>
  <title>#{messages['denunciaList.title']}</title>
  <style type="text/css">
@import
  url(#{facesContext.externalContext.requestContextPath}/styles/myfaces.css)
  ;
</style>
  </head>

  <h:form id="editDenuncia">
    <h:commandButton value="Adicionar Denuncia" action="add" id="add"
      immediate="true" styleClass="button" />

    <!-- Error from this table is caused by http://issues.apache.org/jira/browse/TOMAHAWK-466 -->
    <t:dataTable id="denuncias" var="denuncia" style="margin-top: 10px"
      value="#{denunciaList.denuncias}" rows="25"
      
      styleClass="scrollerTable table" headerClass="standardTable_Header"
      rowClasses="standardTable_Row1,standardTable_Row2"
      columnClasses="standardTable_Column,standardTable_Column,standardTable_Column,standardTable_Column,standardTable_ColumnCentered">
      <t:column>
        <f:facet name="header">
          <t:commandSortHeader columnName="id" arrow="true">
            <h:outputText value="#{messages['denuncia.texto']}" />
          </t:commandSortHeader>
        </f:facet>
        <h:commandLink action="#{denunciaForm.edit}"
          value="#{denuncia.id}">
          <f:param name="id" value="#{denuncia.id}" />
        </h:commandLink>
      </t:column>
      <t:column>
        <f:facet name="header">
          <t:commandSortHeader columnName="texto" arrow="true">
            <h:outputText value="#{messages['denuncia.texto']}" />
          </t:commandSortHeader>
        </f:facet>
        <h:outputText value="#{denuncia.texto}" />
      </t:column>
      <t:column>
        <f:facet name="header">
          <t:commandSortHeader columnName="conteudo" arrow="true">
            <h:outputText value="#{messages['denuncia.conteudo']}" />
          </t:commandSortHeader>
        </f:facet>
        <h:outputText value="#{denuncia.conteudo.titulo}" />
      </t:column>
      <t:column>
        <f:facet name="header">
          <t:commandSortHeader columnName="usuario" arrow="true">
            <h:outputText value="#{messages['denuncia.usuario']}" />
          </t:commandSortHeader>
        </f:facet>
        <h:outputText value="#{denuncia.usuario.nome}" />
      </t:column>
      <t:column>
        <f:facet name="header">
          <t:commandSortHeader columnName="dataPostagem" arrow="true">
            <h:outputText value="#{messages['denuncia.dataPostagem']}" />
          </t:commandSortHeader>
        </f:facet>
        <h:outputText value="#{denuncia.dataPostagem}" />
      </t:column>
    </t:dataTable>

    <ui:include src="/tableFooter.xhtml">
      <ui:param name="tableName" value="denuncias" />
    </ui:include>

    <script type="text/javascript">
    highlightTableRows("editDenuncia:denuncias");
</script>
  </h:form>

</f:view>
</html>
